<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="comunAdministracion.xhtml">
        <ui:define name="body">
            <h:form id="formularioIngresoLocalID"  >

                
                        <p:outputPanel  id="panelIngresoLocal">
                            <p:messages id="msgs"/>
                            <p:panelGrid columns="2">
                                <h:outputLabel value="Nombre:" />
                                <h:inputText size="45" value="#{ingresoLocalDataManager.ingresoLocal.local.loNombre}" 
                                             required="true" requiredMessage="El nombre es requerido"
                                             validatorMessage="El Nombre debe poseer máximo 50 caracteres">
                                    <f:validateLength maximum="50" />
                                </h:inputText>

                                <h:outputLabel value="Descripción" />
                                <h:inputTextarea  cols="44" rows="5" 
                                                  value="#{ingresoLocalDataManager.ingresoLocal.local.loDescripcion}"
                                                  validatorMessage="La descripción debe poseer máximo 100 caracteres">
                                    <f:validateLength maximum="800" />
                                </h:inputTextarea>

                                <h:outputLabel value="Tipo:" />
                                <h:selectOneMenu value="#{ingresoLocalDataManager.ingresoLocal.local.tiLoCodigo}" 
                                                 required="true"
                                                 requiredMessage="El tipo de local es requerido">
                                    <f:converter converterId="tipoLocalConvertidor" />
                                    <f:selectItems value="#{ingresoLocalControlador.selectItemTipoLocal}"/>
                                    <p:ajax event="change" update="listaCiudadesID listaZonasID" 
                                            listener="#{ingresoLocalControlador.limpiarCiudad}">
                                    </p:ajax>   
                                </h:selectOneMenu> 

                                <h:outputLabel value="Correo:" />
                                <h:inputText id="ingCorreoID" size="45" value="#{ingresoLocalDataManager.ingresoLocal.usuario.usCorreo}" 
                                             required="true" 
                                             requiredMessage="El correo es requerido">
                                    <f:validator binding="#{mailValidador}" />

                                </h:inputText>

                                <h:outputLabel value="Contraseña:" />
                                <p:password id="ingPassID" value="#{ingresoLocalDataManager.ingresoLocal.usuario.usContrasena}" 
                                            feedback="true" size="20" required="true" match="ingPassID2"
                                            requiredMessage="La contraseña es requerida"
                                            validatorMessage="La contraseña debe poseer máximo 10 caracteres"
                                            style="background-image: none; background-color: white">
                                    <f:validateLength maximum="10" />
                                </p:password>

                                <h:outputLabel value="Confirme Contraseña:*" />
                                <p:password id="ingPassID2" value="#{ingresoLocalDataManager.ingresoLocal.usuario.usContrasena}" feedback="true" size="20" required="true" 
                                            requiredMessage="La contraseña es requerida"
                                            validatorMessage="La contraseña debe poseer máximo 10 caracteres"
                                            style="background-image: none; background-color: white">
                                    <f:validateLength maximum="10" />
                                </p:password>

                                <h:outputLabel value="Ubicación:" />
                                <p:panelGrid columns="3">


                                    <h:selectOneMenu value="#{ingresoLocalDataManager.pais}" >
                                        <f:converter converterId="paisConvertidor" />
                                        <f:selectItems value="#{ingresoLocalControlador.selectItemPais}"/>
                                        <p:ajax event="change" update="listaCiudadesID listaZonasID" 
                                                listener="#{ingresoLocalControlador.limpiarCiudad}">
                                        </p:ajax>   

                                    </h:selectOneMenu> 

                                    <h:selectOneMenu id="listaCiudadesID" value="#{ingresoLocalDataManager.ciudad}"  >
                                        <f:converter converterId="ciudadConvertidor" />
                                        <f:selectItems value="#{ingresoLocalControlador.selectItemCiudad}"/>
                                        <p:ajax event="change" update="listaZonasID"/>
                                    </h:selectOneMenu>

                                    <h:selectOneMenu id="listaZonasID"  
                                                     value="#{ingresoLocalDataManager.ingresoLocal.usuario.zoCodigo}" 
                                                     required="true" 
                                                     requiredMessage="La zona es requerido" >
                                        <f:converter converterId="zonaConvertidor" />
                                        <f:selectItems value="#{ingresoLocalControlador.selectItemZona}"/>
                                    </h:selectOneMenu>

                                </p:panelGrid>



                            </p:panelGrid>
                            <p:panelGrid columns="1">
                                <p:commandButton id="botonIngresoNuevoLocal" 
                                                 value="Guardar" action="#{ingresoLocalControlador.guardarLocal}" 
                                                 process=":formularioIngresoLocalID:panelIngresoLocal"
                                                 ajax="true"
                                                 update="panelIngresoLocal"/>
                            </p:panelGrid>

                        </p:outputPanel>
                        <p:blockUI block="formularioIngresoLocalID" trigger="botonIngresoNuevoLocal"  >
                            Registrando...<br /> 
                        </p:blockUI>
                    </h:form>
        </ui:define>
    </ui:composition>
</html>

